<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="__CDN__/assets/vvptd/setting/css/mui.min.css">
		<style>
			html,body {
				background-color: #00131B;
			}
			h4{
				margin-top: 1px;
			}
			.mui-content{
				background:#00131B ;
			}
			.title{
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			 .oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}
			
			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}
	
			.oa-contact-avatar {
				width: 75px;
			}
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			.oa-contact-content {
				width: 100%;
			}
			.oa-contact-name {
				margin-right: 20px;
				color: #ffffff;
			}
			.oa-contact-name, oa-contact-position {
				float: left;
			}
			.lv{
				color: #ffffff;
				padding: 3px 10px;
				height: 25px;
				background: #10B6FF;
				border-radius:12.5px ;
				vertical-align:top;
			}
			.mui-h6 img{
				margin-top:5px ;
				width: 14px;
				height: 13px;
			}
			.shangzhoushuju{
				padding: 18px 0 11px 0px;
				background: #00131B;
				
				text-align: center;
			}
			.shangzhou_title{
				color: #FF7751;
				font-size: 15px;
			}
			.shijian{
				font-size: 10px;
				color: #ffffff;
			}
			.shuju_shang{
				width: 100%;
				border: 1px solid rgb(3,52,73);
			}
			.shuju_shang:after{
				display: block;
				clear: both;
				content: "";
			}
			.shuju_shang>div{
				padding: 20px 0;
				text-align: center;
				width: 33.33%;
				border-right:1px solid rgb(3,52,73);
				float: left;
			}
			.shuju_shang>div:last-child{
				border: none;
			}
			.shuju_shang>div>div:nth-child(1){
				color: #10B6FF;
				font-size: 14px;
				padding: 10px 0;
			}
			.shuju_shang>div>div:nth-child(2){
				color: #ffffff;
				font-size: 20px;
				
			}
			.line_3{
				height: 10px;
				background: rgb(3,52,73);
			}
		</style>
	</head>

	<body>
		<div class="mui-content">			
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" style="margin: 0;">
				<li class="mui-table-view-cell" style="background: rgb(3,52,73)">
					<div class="mui-slider-cell">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
                                {if condition=" $run['avatar'] eq '' "}
                                <img src="__CDN__/assets/vvptd/member/img/touxiang.png" / width="60px" height="60px">
                                {else/}
                                <img src="{$run['avatar']}" / width="60px" height="60px">
                                {/if}
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									<h4 class="oa-contact-name">{$run['truename']}</h4>
									<span class="oa-contact-position mui-h6 lv">V{$run['level_info']['level']} {$run['level_info']['name']}</span>
								</div>
								<p class="oa-contact-email mui-h6">
									{$run['score']}
								</p>
							</div>
						</div>
					</div>
				</li>
				
			</ul>
			<div class="shangzhoushuju">
				<div class="shangzhou_title">
					- 本周数据 -
				</div>
				<div class="shijian">
					统计时间：<span>{$time}</span>
				</div>
			</div>
			<div class="shuju_shang">
				<div class="danshu">
					<div>单数</div>
					<div>{$thiswork['count']}</div>
				</div>
				<div class="licheng">
					<div>里程(公里）</div>
					<div>{$thiswork['distance']}</div>
				</div>
				<div class="shouru">
					<div>收入（元）</div>
					<div>{$thiswork['total_money']}</div>
				</div>
			</div>
			<div class="line_3">
				
			</div>
			<div class="shangzhoushuju">
				<div class="shangzhou_title">
					- 总数据 -
				</div>
			
			</div>
			<div class="shuju_shang">
                <div class="danshu">
                    <div>单数</div>
                    <div>{$total['count']}</div>
                </div>
                <div class="licheng">
                    <div>里程(公里）</div>
                    <div>{$total['distance']}</div>
                </div>
                <div class="shouru">
                    <div>收入（元）</div>
                    <div>{$total['total_money']}</div>
                </div>
			</div>
		</div>
	</body>
	<script src="__CDN__/assets/vvptd/setting/js/mui.min.js"></script>
	<script>
		mui.init();
	</script>
</html>